home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2008 March / PCgo 2008-03 (CD).iso / interface / styles / detail.css next >
Encoding:
Cascading Style Sheet File  |  2007-12-12  |  7.7 KB  |  438 lines
  1. /* CSS Document */
  2. body
  3. {
  4.   margin: 0 0 0 0;
  5.   padding: 0 0 0 0;
  6.   font-family: verdana, arial, helvetica, sans-serif;
  7.   background-color: transparent;
  8. }
  9.  
  10. *
  11. {
  12.   margin: 0;
  13.   padding: 0;
  14.   border: none;
  15.   scrollbar-face-color: #00388C;
  16.   scrollbar-arrow-color: #fff;
  17.   scrollbar-track-color: #e0e0e0;
  18. }
  19.  
  20. img
  21. {
  22.   behavior: url(images/pngHack.htc);
  23. }
  24.  
  25. .content {
  26.   float: left;
  27.   margin: 9px 0 0 11px;
  28. }
  29.  
  30. .rightContent
  31. {
  32.   float: right;
  33.   width: 315px;
  34.   margin: 0 12px 24px 0;
  35. }
  36.  
  37. .softwareTitle {
  38.   color: #00388C;
  39.   font-weight: bold;
  40.   font-size: 20px;
  41.   padding-top: 10px;
  42. }
  43.  
  44. .softwareSubTitle {
  45.   color: black;
  46.   font-weight: bold;
  47.   font-size: 14px;
  48.   padding-top: 5px;
  49.   padding-bottom: 20px;
  50. }
  51.  
  52. span.subHeader
  53. {
  54.   line-height: 20px;
  55.   font-size: 14px;
  56.   font-weight: bold;
  57.   color: #B2001D;
  58. }
  59.  
  60. .softwareHomepage {
  61.   color: gray;
  62.   font-weight: bold;
  63.   font-size: 12px;
  64.   padding-top: 5px;
  65. }
  66.  
  67. .softwareShortText {
  68.   width: 170px;
  69.   padding: 0px;
  70.   margin: 0px;
  71.   color: black;
  72.   font-weight: normal;
  73.   font-size: 12px;
  74. }
  75.  
  76. .softwareLongText {
  77.   width: 350px;
  78.   padding: 0px;
  79.   margin: 0px;
  80.   color: black;
  81.   font-weight: normal;
  82.   font-size: 12px;
  83. }
  84.  
  85. .softwareLongText a
  86. {
  87.   font-weight: bold;
  88.   color: #B2001D;
  89.   text-decoration: none;
  90. }
  91.  
  92. .softwareLongText a:hover
  93. {
  94.   text-decoration: underline;
  95. }
  96.  
  97. .infobox
  98. {
  99.   width: 362px;
  100.   background: #fff;
  101.   font-weight: normal;
  102.   font-size: 12px;
  103.   color: black;
  104.   padding: 5px;
  105.   border: solid 1px #00388C;
  106.   overflow: hidden;
  107. }
  108.  
  109. .infobox div a.infoLink
  110. {
  111.   font-weight: normal;
  112.   font-size: 13px;
  113.   color: #000;
  114.   text-decoration: none;
  115.   padding: 0 0 0 0;
  116.   margin: 0 0 0 0;
  117. }
  118.  
  119. .infobox div a:hover.infoLink
  120. {
  121.   color: #00388C;
  122.   text-decoration: underline;
  123. }
  124.  
  125. .infoboxHeader
  126. {
  127.   width: 362px;
  128.   background: #00388C;
  129.   color: white;
  130.   font-weight: bold;
  131.   font-size: 12px;
  132.   padding: 1px 5px 1px 5px;
  133.   margin: 13px 0 0 0;
  134. }
  135.  
  136. div.image
  137. {
  138.   width: 360px;
  139.   height: 270px;
  140. }
  141.  
  142. /* SoftwareButtons */
  143. table#softwareButtons
  144. {
  145.   float: right;
  146.   margin-top: 10px;
  147.   margin-right: 2px;
  148. }
  149.  
  150. td.bgImage
  151. {
  152.   width: 189px;
  153.   background-image: url('../images/setupShadow.gif');
  154.   background-repeat: no-repeat;
  155.   background-position: 0px 0px;
  156. }
  157.  
  158.  
  159. a.homepagelink
  160. {
  161.   color: #00388C;
  162.   font-weight: bold;
  163.   text-decoration: none;
  164. }
  165.  
  166. a.homepagelink:hover
  167. {
  168.   text-decoration: underline;
  169. }
  170.  
  171.  
  172. /*SetupButton*/
  173. div.setupButton
  174. {
  175.   font-size: 13px;
  176.   font-weight: bold;
  177. }
  178.  
  179. div.setupButton a
  180. {
  181.   width: 186px;
  182.   height: 25px;
  183.   background-image: url('../images/setupButton_gray.png');
  184.   background-repeat: no-repeat;
  185.   background-position: 0px 0px;
  186.   border: solid 1px #fff;
  187.   color: #fff;
  188.   text-decoration: none;
  189.   padding: 2px 0 0 16px;
  190.   text-align: center;
  191. }
  192.  
  193. div.setupButton a:hover
  194. {
  195.   background-image: url('../images/setupButton_red.png');
  196.   color: #fff;
  197. }
  198. /*SetupButton*/
  199.  
  200. /*cancelButton*/
  201. div a.cancelButton
  202. {
  203.   width: 190px;
  204.   height: 26px;
  205.   display: block;
  206.   background: transparent url('../images/actionButtons/cancel.gif') no-repeat 0px 0px;
  207. }
  208.  
  209. div a.cancelButton:hover
  210. {
  211.   background: transparent url('../images/actionButtons/cancel_hover.gif') no-repeat 0px 0px;
  212. }
  213. /*cancelButton*/
  214.  
  215. /*screenButton*/
  216. div.screenButton
  217. {
  218.   font-size: 13px;
  219.   font-weight: bold;
  220. }
  221.  
  222. div.screenButton a
  223. {
  224.   width: 186px;
  225.   height: 25px;
  226.   background-image: url('../images/screenButton_gray.png');
  227.   background-repeat: no-repeat;
  228.   background-position: 0px 0px;
  229.   border: solid 1px #fff;
  230.   color: #fff;
  231.   text-decoration: none;
  232.   padding: 2px 0 0 16px;
  233.   text-align: center;
  234. }
  235.  
  236. div.screenButton a:hover
  237. {
  238.   background-image: url('../images/screenButton_red.png');
  239. }
  240. /*screenButton*/
  241.  
  242. /*eBookButton*/
  243. div.eBookButton
  244. {
  245.   font-size: 13px;
  246.   font-weight: bold;
  247. }
  248.  
  249. div.eBookButton a
  250. {
  251.   width: 186px;
  252.   height: 25px;
  253.   background-image: url('../images/eBookButton_gray.png');
  254.   background-repeat: no-repeat;
  255.   background-position: 0px 0px;
  256.   border: solid 1px #fff;
  257.   color: #fff;
  258.   text-decoration: none;
  259.   padding: 2px 0 0 16px;
  260.   text-align: center;
  261. }
  262.  
  263. div.eBookButton a:hover
  264. {
  265.   background-image: url('../images/eBookButton_red.png');
  266. }
  267. /*eBookButton*/
  268.  
  269. /*eBookButtonFirst*/
  270. div.eBookButtonFirst
  271. {
  272.   font-size: 13px;
  273.   font-weight: bold;
  274. }
  275.  
  276. div.eBookButtonFirst a
  277. {
  278.   width: 186px;
  279.   height: 25px;
  280.   background-image: url('../images/eBookButton_gray.png');
  281.   background-repeat: no-repeat;
  282.   background-position: 0px 0px;
  283.   border: solid 1px #fff;
  284.   color: #fff;
  285.   text-decoration: none;
  286.   padding: 2px 0 0 16px;
  287.   text-align: center;
  288. }
  289.  
  290. div.eBookButtonFirst a:hover
  291. {
  292.   background-image: url('../images/eBookButton_red.png');
  293. }
  294. /*eBookButtonFirst*/
  295.  
  296. /* SoftwareButtons */
  297.  
  298. table.detailsTable  {
  299.     border: solid 1px #b1b1b1;
  300.     background-image: url('../images/detailbg.png');
  301.     background-repeat: repeat-x;
  302.     background-color: #fff;
  303. }
  304.  
  305. table.infoBoxTable {
  306.     border: 1px solid #a2000c;
  307. }
  308.  
  309. table.infoBoxTable td.infoBoxTableHead {
  310.     font-size: .8em;
  311.     font-weight: bold;
  312.     background-color: #a2000c;
  313.     color: #fff;
  314.     padding: 2px 5px 2px 5px;
  315. }
  316.  
  317. table.infoBoxTable td.infoBoxTableContent {
  318.     font-size: .8em;
  319.     font-weight: normal;
  320.     color: #000;
  321.     padding: 2px 5px 6px 5px;
  322. }
  323.  
  324. table.infoBoxTable td.infoBoxTableContent a {
  325.     color: #a2000c;
  326.     font-weight: normal;
  327.     text-decoration: none;
  328. }
  329.  
  330. table.detailsTable td.detailsTableContent {
  331.     padding: 3px 0px 20px 20px;
  332. }
  333.  
  334. table.detailsTable td.detailsTableContent h1 {
  335.     font-size: 1.2em;
  336.     font-weight: bold;
  337.     color: #00388C;
  338.     padding-bottom: 15px;
  339. }
  340.  
  341. table.detailsTable td.detailsTableContent h2 {
  342.     font-size: 1em;
  343.     font-weight: bold;
  344.     color: #000;
  345.     padding-bottom: 10px;
  346. }
  347.  
  348. table.detailsTable td.detailsTableContent p {
  349.     font-size: .8em;
  350.     font-weight: normal;
  351.     color: #000;
  352. }
  353.  
  354. table.infoBoxTable td.infoBoxTableContent a:hover {
  355.     text-decoration: underline;
  356. }
  357.  
  358. a.installButton {
  359.     width: 190px;
  360.     height: 26px;
  361.     display: block;
  362.     background-image: url("../images/actionButtons/install.gif");
  363. }
  364.  
  365. a.installButton:hover {
  366.     background-image: url("../images/actionButtons/install_hover.gif");
  367. }
  368.  
  369. a.readButton {
  370.     width: 190px;
  371.     height: 26px;
  372.     display: block;    
  373.     background-image: url("../images/actionButtons/read.gif");
  374. }
  375.  
  376. a.readButton:hover {
  377.     background-image: url("../images/actionButtons/read_hover.gif");
  378. }
  379.  
  380. a.screenshotButton {
  381.     width: 190px;
  382.     height: 26px;
  383.     display: block;
  384.     background-image: url("../images/actionButtons/screenshot.gif");
  385. }
  386.  
  387. a.screenshotButton:hover {
  388.     background-image: url("../images/actionButtons/screenshot_hover.gif");
  389. }
  390.  
  391. a.filesButton {
  392.     width: 190px;
  393.     height: 26px;
  394.     display: block;
  395.     background-image: url("../images/actionButtons/files.gif");
  396. }
  397.  
  398. a.filesButton:hover {
  399.     background-image: url("../images/actionButtons/files_hover.gif");
  400. }
  401.  
  402. a.regButton {
  403.     width: 190px;
  404.     height: 26px;
  405.     display: block;
  406.     background-image: url("../images/actionButtons/reg.gif");
  407. }
  408.  
  409. a.regButton:hover {
  410.     background-image: url("../images/actionButtons/reg_hover.gif");
  411. }
  412.  
  413. a.previousButton {
  414.     width: 86px;
  415.     height: 26px;
  416.     display: block;
  417.     background-image: url("../images/actionButtons/previous.gif");
  418. }
  419.  
  420. a.previousButton:hover {
  421.     background-image: url("../images/actionButtons/previous_hover.gif");
  422. }
  423.  
  424. a.nextButton {
  425.     width: 86px;
  426.     height: 26px;
  427.     display: block;
  428.     background-image: url("../images/actionButtons/next.gif");
  429. }
  430.  
  431. a.nextButton:hover {
  432.     background-image: url("../images/actionButtons/next_hover.gif");
  433. }
  434.  
  435. div.detailMainContent {
  436.   width: 770px;
  437. }
  438.